<template>
  <div class="my_div">
    <img :src="list.dogImgUrl" alt="" @click="btn(list.dogName)">
    <div>{{list.dogName}}</div>
  </div>
</template>

<script>
export default {
  props:['list'],
  methods:{
    btn(text){
       this.$emit('change',text) 
    }
  }
}
</script>


<style >
    .my_div {
      width: 200px;
      border: 1px solid black;
      text-align: center;
      float: left;
    }
    
    .my_div img {
      width: 100%;
      height: 200px;
    }
    </style>